<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!-- Consider adding an manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">

  <!-- Use the .htaccess and remove these lines to avoid edge case issues.
       More info: h5bp.com/b/378 -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title></title>
  <meta name="description" content="">
  <meta name="author" content="">

  <!-- Mobile viewport optimized: j.mp/bplateviewport -->
  <meta name="viewport" content="width=device-width,initial-scale=1">

  <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->

  <!-- CSS: implied media=all -->
  <!-- CSS concatenated and minified via ant build script-->
  <link rel="stylesheet" href="/styles/style.css">
  <!-- end CSS-->

  <!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->

  <!-- All JavaScript at the bottom, except for Modernizr / Respond.
       Modernizr enables HTML5 elements & feature detects; Respond is a polyfill for min/max-width CSS3 Media Queries
       For optimal performance, use a custom Modernizr build: www.modernizr.com/download/ -->
  <script src="/js/libs/modernizr-2.0.6.min.js"></script>
  <link href='http://fonts.googleapis.com/css?family=Antic' rel='stylesheet' type='text/css'>
    	<!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="/js/libs/jquery-1.6.2.min.js"><\/script>')</script>


  <!-- scripts concatenated and minified via ant build script-->
  <script defer src="/js/plugins.js"></script>
  <script defer src="/js/script.js"></script>
  <!-- end scripts-->

  <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
       chromium.org/developers/how-tos/chrome-frame-getting-started -->
  <!--[if lt IE 7 ]>
    <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
    <script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
  <![endif]-->
</head>

<body>
  	<div id="main-nav">
  		<a id="home" href="http://quakehelp4nepal.appspot.com">Home</a> | 
  		<a id="finder" href="#">People Finder</a> |
  		<a id="donate" href="#"> Donate</a> |
  		<a id="images" href="#"> Images and Videos</a> |
  		<a id="news" href="#"> News Stream</a> 
  		
  		<div id="facebook-buttons">
  			<div class="fb-login"><div class="fb-login-button" data-show-faces="false" data-max-rows="1">Connect with facebook</div></div>
  			<div class="fb-like" data-send="true" data-width="450" data-show-faces="false" perms="user_about_me"></div>	
  		</div>
  	</div>
  	<div id="container">
  		<iframe  id='myiframe-crowdmap' src='http://nepalquake.crowdmap.com/' scrolling="no" frameborder="0" style="width: 100%; height: 100%; margin-top: -40px; position: relative; z-index: 9999;" ></iframe>
  		
  		<div id="people-finder" class="hidden">
  			<iframe src='http://quake4nepal.personfindertest.appspot.com/?small=no&lang=en' scrolling="no" frameborder="0" style="width: 100%; height: 500px; margin-top: -40px; position: relative; z-index: 9999;" ></iframe>
  		</div>

  		<div id="donate-box" class="hidden">
  			<h1>Donation</h1>
  			<span>
				On Sunday, September 18, 2011 at 12:40:48 UTC, a massive 6.9 magnitude earthquake occurred near the border of Eastern Nepal and India. 
				The earthquake caused severe damage and fatalities in Eastern Nepal, North Eastern India and the North Western parts of Bangladesh.
				It was fortunate that the telecommunications network survived the crisis. Otherwise, communications with the disaster region would have 
				been paralyzed or at least created a major obstacle to facilitating information flow that is vital to understanding and responding to an
				earthquake disaster. Access to timely communication can save lives In the event of another, larger scale earthquake -- which seismic experts 
				say is imminent -- there is no certainty that we will have a functioning telecommunications network. In preparation for such a predicament, 
				CAN-USA / Global Nepal Professional Network (GNPN) held a hackathon on September 25, 2011 and developed this Disaster Preparedness Response portal
				The organizers appeal to you to donate funds to sustain the ongoing development of the portal as well as establish a “Ham Radio", network to source 
				information from the disaster zone, CAN-USA/GNPN. With your help we will be able to create and resource this portal that is informative and proactive in dealing with a crisis situation that is inevitable.
  			</span>
  			<table>
				<tbody>
					<tr>
					<td align="center"><form action="https://www.paypal.com/cgi-bin/webscr" method="post"> <input name="cmd" type="hidden" value="_donations"> <input name="business" type="hidden" value="paypal@can-usa.org"> <input name="item_name" type="hidden" value="Donation to CAN-USA"> <input name="no_shipping" type="hidden" value="0"> <input name="no_note" type="hidden" value="1"> <input name="currency_code" type="hidden" value="USD"> <input name="tax" type="hidden" value="0"> <input name="lc" type="hidden" value="US"> <input name="bn" type="hidden" value="PP-DonationsBF"> <input alt="PayPal - The safer, easier way to pay online!" name="submit" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" type="image"> <img src="https://www.paypal.com/en_US/i/scr/pixel.gif" border="0" alt="" width="1" height="1"> </form></td>
					<td width="50%" valign="top"><span style="font-family: verdana; font-size: xx-small;">Donate to the Disaster Relief Program via CAN-USA.org</span></td>
					</tr>
				</tbody>
			</table>
  		</div>
  	</div>
  <!-- Change UA-XXXXX-X to be your site's ID -->
  <script>
    window._gaq = [['_setAccount','UAXXXXXXXX1'],['_trackPageview'],['_trackPageLoadTime']];
    Modernizr.load({
      load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js'
    });
  </script>
  
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) {return;}
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#appId=236211229760040&xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script>
      FB.init({
          appId: '236211229760040', cookie: true,
          status: true, xfbml: true
      });
      FB.Event.subscribe('auth.login', function () {
          window.location = "http://localhost:8080/";
      });
  </script>
</body>
</html>
